Teniendo esto en consideracion lo mencionado en tu comentario. Haz lo siguiente:

    <div class="col-md-4">
    <center>
        <button type="submit" class="btn btn-warning" onclick="cerrar()">Registrarse<span class="glyphicon glyphicon-send"></span></button>
    </center>

    <script>
        function cerrar() { 
            $("body").html('<div alignt="center"><h1>Enviado Exitosamente!!!</h1></div>'); //Marca nuevo contenido con un mensaje que se envio exitosamente

            setTimeout(function(){
                window.close();
            },3000); //Dejara un tiempo de 3 seg para que el usuario vea que se envio el formulario correctamente
        	
        }
    </script>

Esto puede ser colocado en el mismo index.html con las etiquetas `<script>`. Aunque es recomendado colocarlo en el index.js

Si lo haras de este ultimo modo, el index.js debes colocarlo del siguiente modo:

    function cerrar() {
        window.close();
    }

Y el html asi:

    <div class="col-md-4">
    <script type="text/javascript" src="JS/index.js"></script>    
    <center>
        <button type="submit" class="btn btn-warning" onclick="cerrar()">Registrarse<span class="glyphicon glyphicon-send"></span></button>
    </center>

Espero que pueda ser de gran ayuda. Saludos!