Puedes hacerlo con CSS, por ejemplo:
.badge-card.betauser {
order: -1;
}
Debido a cómo está construido actualmente el diseño de la página de insignias (flexbox), es posible que también necesites ajustar algunos márgenes en diferentes anchos de pantalla si cambias el orden.
.badge-card.betauser {
order: -1;
@media screen and (max-width: 850px) {
margin-right: 1.63%
}
}
.badge-card.betatester {
@media screen and (max-width: 850px) {
margin-right: 0;
}
}
La necesidad de ajustar los márgenes desaparecerá más adelante este año, una vez que dejemos de dar soporte a IE11 (ya que entonces podremos construir el diseño con grid en lugar de flexbox).